<div class="layui-fluid" id="app">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md6" style="display: none;">
                    <div class="layui-card">
                        <div class="layui-card-header">快捷方式</div>
                        <div class="layui-card-body">

                            <div class="layui-carousel layadmin-carousel layadmin-shortcut">
                                <div carousel-item>
                                    <ul class="layui-row layui-col-space10">
                                        <li class="layui-col-xs3">
                                            <a lay-href="/project/">
                                                <i class="layui-icon layui-icon-website"></i>
                                                <cite>项目</cite>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs3">
                                            <a lay-href="/goods/">
                                                <i class="layui-icon layui-icon-find-fill"></i>
                                                <cite>商品</cite>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs3">
                                            <a lay-href="/user/worker">
                                                <i class="layui-icon layui-icon-loading-2"></i>
                                                <cite>工人</cite>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs3">
                                            <a lay-href="/caiwu/tixian">
                                                <i class="layui-icon layui-icon-chat"></i>
                                                <cite>提现管理</cite>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs3">
                                            <a lay-href="/article/article_manage">
                                                <i class="layui-icon layui-icon-read"></i>
                                                <cite>文章</cite>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs3">
                                            <a lay-href="/cases/">
                                                <i class="layui-icon layui-icon-tree"></i>
                                                <cite>案例</cite>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs3">
                                            <a lay-href="set/website">
                                                <i class="layui-icon layui-icon-set"></i>
                                                <cite>设置</cite>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs3">
                                            <a lay-href="/set/user/password">
                                                <i class="layui-icon layui-icon-password"></i>
                                                <cite>密码</cite>
                                            </a>
                                        </li>
                                    </ul>


                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="layui-col-md6" style="display: none;">
                    <div class="layui-card">
                        <div class="layui-card-header">待办事项</div>
                        <div class="layui-card-body">

                            <div class="layui-carousel layadmin-carousel layadmin-backlog">
                                <div carousel-item>
                                    <ul class="layui-row layui-col-space10">
                                        <li class="layui-col-xs6">
                                            <a lay-href="" class="layadmin-backlog-body">
                                                <h3>施工中</h3>
                                                <p><cite>{{shigong}}</cite></p>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs6">
                                            <a lay-href="" class="layadmin-backlog-body">
                                                <h3>提款申请</h3>
                                                <p><cite>{{tixian}}</cite></p>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs6">
                                            <a lay-href="" class="layadmin-backlog-body">
                                                <h3>项目总数</h3>
                                                <p><cite>{{xiangmu}}</cite></p>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs6">
                                            <a lay-href="" class="layadmin-backlog-body">
                                                <h3>商品总数</h3>
                                                <p><cite>{{shangpin}}</cite></p>
                                            </a>
                                        </li>
                                    </ul>
                                    <!--<ul class="layui-row layui-col-space10">-->
                                    <!--<li class="layui-col-xs6">-->
                                    <!--<a lay-href="" class="layadmin-backlog-body">-->
                                    <!--<h3>待审友情链接</h3>-->
                                    <!--<p><cite style="color: #FF5722;">5</cite></p>-->
                                    <!--</a>-->
                                    <!--</li>-->
                                    <!--</ul>-->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header">数据概览</div>

                        <div class="layui-card-body">


                            <!--<div class="layui-carousel layadmin-carousel layadmin-shortcut user_line_loading" ><div carousel-item=""></div></div>-->

                            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-dataview">
                                <div carousel-item id="LAY-index-dataview">
                                    <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
                                    <div></div>
                                    <!--<div></div>-->
                                </div>
                            </div>

                        </div>
                    </div>
                    <!--<div class="layui-card">-->
                    <!--<div class="layui-tab layui-tab-brief layadmin-latestData">-->
                    <!--<ul class="layui-tab-title">-->
                    <!--<li class="layui-this">今日热搜</li>-->
                    <!--<li>今日热帖</li>-->
                    <!--</ul>-->
                    <!--<div class="layui-tab-content">-->
                    <!--<div class="layui-tab-item layui-show">-->
                    <!--<table id="LAY-index-topSearch"></table>-->
                    <!--</div>-->
                    <!--<div class="layui-tab-item">-->
                    <!--<table id="LAY-index-topCard"></table>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</div>-->


                    <div class="layui-card">
                        <div class="layui-card-header">版本信息</div>
                        <div class="layui-card-body layui-text">
                            <table class="layui-table">
                                <colgroup>
                                    <col width="100">
                                    <col>
                                </colgroup>
                                <tbody>
                                <tr>
                                    <td>当前版本</td>
                                    <td>
                                        v1.3
                                    </td>
                                </tr>
                                <tr>
                                    <td>版权信息</td>
                                    <td>
                                        © 全民公益 顺风出行
                                    </td>
                                </tr>
                                <tr>
                                    <td>技术支持</td>
                                    <td><a href="#" target="_blank">机智物联</a></td>
                                </tr>

                                </tbody>
                            </table>
                        </div>
                    </div>


                </div>
            </div>
        </div>

        <!--<div class="layui-col-md4">-->
        <!--<div class="layui-card">-->
        <!--<div class="layui-card-header">版本信息</div>-->
        <!--<div class="layui-card-body layui-text">-->
        <!--<table class="layui-table">-->
        <!--<colgroup>-->
        <!--<col width="100">-->
        <!--<col>-->
        <!--</colgroup>-->
        <!--<tbody>-->
        <!--<tr>-->
        <!--<td>当前版本</td>-->
        <!--<td>-->
        <!--<script type="text/html" template>-->
        <!--v{{ layui.admin.v }}-->
        <!--<a href="http://fly.layui.com/docs/3/" target="_blank" style="padding-left: 15px;">更新日志</a>-->
        <!--</script>-->
        <!--</td>-->
        <!--</tr>-->
        <!--<tr>-->
        <!--<td>基于框架</td>-->
        <!--<td>-->
        <!--<script type="text/html" template>-->
        <!--layui-v{{ layui.v }}-->
        <!--</script>-->
        <!--</td>-->
        <!--</tr>-->
        <!--<tr>-->
        <!--<td>主要特色</td>-->
        <!--<td>单页面 / 响应式 / 清爽 / 极简</td>-->
        <!--</tr>-->
        <!--<tr>-->
        <!--<td>获取渠道</td>-->
        <!--<td style="padding-bottom: 0;">-->
        <!--<div class="layui-btn-container">-->
        <!--<a href="http://www.layui.com/admin/" target="_blank" class="layui-btn layui-btn-danger">获取授权</a>-->
        <!--<a href="http://fly.layui.com/download/layuiAdmin/" target="_blank" class="layui-btn">立即下载</a>-->
        <!--</div>-->
        <!--</td>-->
        <!--</tr>-->
        <!--</tbody>-->
        <!--</table>-->
        <!--</div>-->
        <!--</div>-->
        <!---->
        <!--<div class="layui-card">-->
        <!--<div class="layui-card-header">效果报告</div>-->
        <!--<div class="layui-card-body layadmin-takerates">-->
        <!--<div class="layui-progress" lay-showPercent="yes">-->
        <!--<h3>转化率（日同比 28% <span class="layui-edge layui-edge-top" lay-tips="增长" lay-offset="-15"></span>）</h3>-->
        <!--<div class="layui-progress-bar" lay-percent="65%"></div>-->
        <!--</div>-->
        <!--<div class="layui-progress" lay-showPercent="yes">-->
        <!--<h3>签到率（日同比 11% <span class="layui-edge layui-edge-bottom" lay-tips="下降" lay-offset="-15"></span>）</h3>-->
        <!--<div class="layui-progress-bar" lay-percent="32%"></div>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <!---->
        <!--<div class="layui-card">-->
        <!--<div class="layui-card-header">实时监控</div>-->
        <!--<div class="layui-card-body layadmin-takerates">-->
        <!--<div class="layui-progress" lay-showPercent="yes">-->
        <!--<h3>CPU使用率</h3>-->
        <!--<div class="layui-progress-bar" lay-percent="58%"></div>-->
        <!--</div>-->
        <!--<div class="layui-progress" lay-showPercent="yes">-->
        <!--<h3>内存占用率</h3>-->
        <!--<div class="layui-progress-bar layui-bg-red" lay-percent="90%"></div>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <!---->
        <!--<div class="layui-card">-->
        <!--<div class="layui-card-header">产品动态</div>-->
        <!--<div class="layui-card-body">-->
        <!--<div class="layui-carousel layadmin-carousel layadmin-news" data-autoplay="true" data-anim="fade" lay-filter="news">-->
        <!--<div carousel-item>-->
        <!--<div><a href="http://fly.layui.com/docs/2/" target="_blank" class="layui-bg-red">layuiAdmin 快速上手文档</a></div>-->
        <!--<div><a href="javascript:;" onclick="layer.msg('等待添加')" target="_blank" class="layui-bg-green">layuiAdmin 集成心得分享</a></div> -->
        <!--<div><a href="javascript:;" onclick="layer.msg('等待添加')" target="_blank" class="layui-bg-blue">首款 layui 官方后台模板系统正式发布</a></div>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->

        <!--<div class="layui-card">-->
        <!--<div class="layui-card-header">-->
        <!--作者心语-->
        <!--<i class="layui-icon layui-icon-tips" lay-tips="要支持的噢" lay-offset="5"></i>-->
        <!--</div>-->
        <!--<div class="layui-card-body layui-text layadmin-text">-->
        <!--<p>一直以来，layui 秉承无偿开源的初心，虔诚致力于服务各层次前后端 Web 开发者，在商业横飞的当今时代，这一信念从未动摇。即便身单力薄，仍然重拾决心，埋头造轮，以尽可能地填补产品本身的缺口。</p>-->
        <!--<p>在过去的一段的时间，我一直在寻求持久之道，已维持你眼前所见的一切。而 layuiAdmin 是我们尝试解决的手段之一。我相信真正有爱于 layui 生态的你，定然不会错过这一拥抱吧。</p>-->
        <!--<p>子曰：君子不用防，小人防不住。请务必通过官网正规渠道，获得 <a href="http://www.layui.com/admin/" target="_blank">layuiAdmin</a>！</p>-->
        <!--<p>—— 贤心（<a href="http://www.layui.com/" target="_blank">layui.com</a>）</p>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->

    </div>
</div>

<script src="/res/vue.js"></script>
<script>


    //vue对象
    var app = new Vue({
        el: '#app',
        data: {
            check: [],
            curr: 1,//当前页
            limit: 10,//当前页
            items: [],
            shigong: '..',
            tixian: '..',
            xiangmu: '..',
            shangpin: '..'
        }
    });

    /*$.get('/admin/index/daiban', '', function (res) {
        if (res.code == 1) {
            app.shigong = res.shigong;
            app.tixian = res.tixian;
            app.xiangmu = res.xiangmu;
            app.shangpin = res.shangpin;
        }
    });*/


    //加载 controller 目录下的对应模块
    /*

     小贴士：
     这里 console 模块对应 的 console.js 并不会重复加载，
     然而该页面的视图则是重新插入到容器，那如何保证能重新来控制视图？有两种方式：
     1): 借助 layui.factory 方法获取 console 模块的工厂（回调函数）给 layui.use
     2): 直接在 layui.use 方法的回调中书写业务代码，即:
     layui.use('console', function(){
     //同 console.js 中的 layui.define 回调中的代码
     });

     这里我们采用的是方式1。其它很多视图中采用的其实都是方式2，因为更简单些，也减少了一个请求数。

     */
    layui.use('console', layui.factory('console'));
</script>

